*{ margin:0; padding:0;}
a{ text-decoration:none; color:#333;}
li{ list-style:none;}
img{ border:0 none;}
body{ font:Tahoma, Arial; font:#000; font-size:12px; background:#FFF;}

#all{ width:980px; height:auto; margin: 0 auto;}

#top{ width:980px; height:254px;}
#top .banner{ width:980px; height:179px; background:url(../images/main3_01.png) no-repeat;}

#main{ width:980px; height:auto;}
#main1{ width:980px; height:280px;}
#main1 .introduction{ width:260px; height:280px; float:left;}
#main1 .introduction .title { width:242px; height:30px; border-bottom:#39f 2px solid;}
#main1 .introduction .title .ico{  width:45px;  height:30px; float:left;}
#main1 .introduction .title .text{ width:100px; height:30px; float:left; color:#06c; font-size:14px; line-height:35px;}
#main1 .introduction .title .more{ width:60px; line-height:40px; font-size:12px; float:right; height:28px;}
#main1 .introduction .content { width:225px; height:230px; text-align:left; line-height:21px; text-indent:2em; padding:0 10px; padding-top:10px; font-size:14px;}

#main1 .work{ width:468px; height:280px; float:left;}
#main1 .work .title { width:450px; height:30px; border-bottom:#39f 2px solid;}
#main1 .work .title .ico{  width:45px;  height:30px; float:left;}
#main1 .work .title .text{ width:100px; height:30px; float:left; color:#06c; font-size:14px; line-height:35px;}
#main1 .work .title .more{ width:60px; line-height:40px; font-size:12px; float:right; height:28px;}
#main1 .work .content { width:450px; height:230px; text-align:left; line-height:21px;  padding:0 10px; padding-top:10px;}
#main1 .work .content ul { display:block; width:445px;}
#main1 .work .content .ico{ float:left; width:15px; height:20px; padding-left:10px; padding-top:1px;}
#main1 .work .content .cont{ width:310px; height:25px; line-height:21px; float:left; font-size:14px; }
#main1 .work .content .date{ width:100px; height:25px; line-height:21px; float:left;}

#main1 .image{ width:240px; height:245px; float:left;}

#main2{ width:980px; height:300px;}
#main2 .link{ width:260px; height:280px; float:left;}
#main2 .link .title { width:242px; height:30px; border-bottom:#39f 2px solid;}
#main2 .link .title .ico{  width:45px;  height:30px; float:left;}
#main2 .link .title .text{ width:100px; height:30px; float:left; color:#06c; font-size:14px; line-height:35px;}
#main2 .link .title .more{ width:60px; line-height:40px; font-size:12px; float:right; height:28px;}
#main2 .link .content { width:225px; height:230px; font-size:14px;}

#main2 .teach{ width:242px; height:280px; float:left;}
#main2 .teach .title { width:216px; height:30px; border-bottom:#39f 2px solid;}
#main2 .teach .title .ico{  width:45px;  height:30px; float:left;}
#main2 .teach .title .text{ width:100px; height:30px; float:left; color:#06c; font-size:14px; line-height:35px;}
#main2 .teach .title .more{ width:60px; line-height:40px; font-size:12px; float:right; height:28px;}
#main2 .teach .content { width:216px; height:230px; text-align:left; line-height:21px;  padding:0 3px; padding-top:10px;}
#main2 .teach .content ul li{ width:210px; height:25px; line-height:21px; float:left; font-size:14px; display:block;}

#footer{ width:980px; height:30px; padding-top:20px; line-height:30px; font-size:12px; text-align:center;}


#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 1000px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

